<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Teamlab - Original - Projects</title>
  <link href="../css/jquery.css" rel="stylesheet" type="text/css" media="all" />
  <link href="../css/common.css" rel="stylesheet" type="text/css" media="all" />
  <link href="../css/default.css" rel="stylesheet" type="text/css" media="all" />
  <link href="../css/default-css3.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body class="page-mode fixed-header">
  <div class="ui-footer">
    <div class="ui-content">
      <div class="product-label"><a class="inner-text" href="http://teamlab.com">Teamlab</a></div>
      <ul class="footer-menu blockfix">
        <li class="menu-item contacts"><a class="inner-text" href="/">Contacts</a></li>
        <li class="menu-item sep"><span class="inner-text">&nbsp;-&nbsp;</span></li>
        <li class="menu-item support"><a class="inner-text" href="/">Support</a></li>
        <li class="menu-item sep"><span class="inner-text">&nbsp;-&nbsp;</span></li>
        <li class="menu-item blog"><a class="inner-text" href="http://teamlab.com/blog">Blog</a></li>
      </ul>
      <div class="product-copyrights"><span class="inner-text">&copy;&nbsp;Teamlab Co. 2011. All rights are reserved.</span></div>
    </div>
  </div>
  <div class="ui-page page-dashboard has-header two-columns active">
    <div class="ui-header">
      <div class="ui-content">
      	<h1 class="logo"><a href="/">TeamLab</a></h1>
        <ul class="header-menu">
          <li class="menu-item admin"><a href="/">Admin</a></li>
          <li class="menu-item settings"><a href="/">Settings</a></li>
          <li class="menu-item profile"><a href="/">Your Profile</a></li>
          <li class="menu-item log-out"><a href="/">Log Out</a></li>
        </ul>
      </div>
    </div>
    <div class="ui-frame has-page-menu">
      <div class="ui-content">
        <ul class="page-menu">
          <li class="menu-item dashboard active">
            <span class="led">0</span>
          	<a href="dashboard.html">Dashboard</a>
          </li>
          <li class="menu-item milestones">
            <span class="led">0</span>
          	<a href="/">Milestones</a>
          </li>
          <li class="menu-item tasklists has-led">
	          <span class="led">2</span>
          	<a href="tasklists.html">Tasklists</a>
          </li>
          <li class="menu-item documents">
            <span class="led">0</span>
          	<a href="/">Documents</a>
          </li>
          <li class="menu-item conversations">
            <span class="led">0</span>
          	<a href="conversations.html">Conversations</a>
          </li>
        </ul>
        <form class="page-search" action="/">
          <input class="search-field" type="text" placeholder="Search" />
          <button class="btn-search"></button>
        </form>
        <div class="page-content blockfix">
        	<div class="right-column">
            <div class="user-block your-tcard switching-mode minimized">
              <div class="title">
                <span class="inner-text">Your tCard</span>
                <button class="ui-btn ui-btn-clear toggle-user-block"></button>
              </div>
              <div class="content">
                your tCard
              </div>
            </div>
            <div class="user-block user-menu has-menu tasks">
            	<span class="menu">
                <button class="menu-item user-menu-item tasks"><span class="inner-text">Tasks</span></button>
                <button class="menu-item user-menu-item projects"><span class="inner-text">Projects</span></button>
              </span>
              <div class="content switching-mode tasks">
                <ul class="item-list task-list">
                  <li class="list-item task delayed">
                    <a class="item task" href="/">
                      <span class="item-title">Make papper</span>
                      <span class="deadline">2 days late</span>
                    </a>
                  </li>
                  <li class="list-item task delayed">
                    <a class="item task" href="/">
                      <span class="item-title">Finish jobs</span>
                      <span class="deadline">2 days late</span>
                    </a>
                  </li>
                  <li class="list-item task">
                    <a class="item task" href="/">
                      <span class="item-title">Make pancakes</span>
                      <span class="deadline">2 days left</span>
                    </a>
                  </li>
                  <li class="list-item task closed">
                    <a class="item task" href="/">
                      <span class="item-title">Make pancakes</span>
                      <span class="deadline">done</span>
                    </a>
                  </li>
                  <li class="list-item task closed">
                    <a class="item task" href="/">
                      <span class="item-title">Make pancakes</span>
                      <span class="deadline">done</span>
                    </a>
                  </li>
                </ul>
                <div class="sub-menu">
                  <div class="menu-item sub-menu-item show-add-task-form">
                    <button class="ui-btn ui-btn-clear show-add-task-form">
                      <span class="inner-text show-add-task-form">add new</span>
                    </button>
                  </div>
                  <div class="menu-item sub-menu-item more-tasks">
                    <button class="ui-btn ui-btn-clear more-tasks">
                      <span class="inner-text more-tasks">more tasks</span>
                    </button>
                  </div>
                  <div class="form-wrapper add-new-task">
                      <div class="form-container add-new-task">
                        <div class="form-field field-task-title">
                          <input class="textfield-gray task-title" type="text" placeholder="Type your text here" />
                        </div>
                        <div class="form-field field-task-responsible">
                          <select class="combobox-gray task-responsible">
                            <option value="-1">Choos list</option>
                            <option value="0">Dmitri Frolov</option>
                          </select>
                        </div>
                        <div class="form-field buttons">
                          <div class="form-menu">
                            <button class="menu-item form-menu-item ui-btn ui-btn-blue ui-btn-clear submit-task">
                              <span class="inner-text submit-task">Submit</span>
                            </button>
                            <button class="menu-item form-menu-item ui-btn ui-btn-clear close-form">
                              <span class="inner-text close-form">Close</span>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                </div>
              </div>
              <div class="content switching-mode projects">
                projects
              </div>
            </div>
            <div class="user-block messages switching-mode minimized">
              <div class="title">Messages</div>
              <div class="content">
                messages
              </div>
            </div>
            <div class="user-block statistics">
              <div class="content">
                <div class="content-title">Statistics</div>
                <ul class="info">
                  <li class="info-item whos-online">
                    <span class="inner-text">
                      <span class="label">3 Users are online:&nbsp;</span>
                      <span class="value">
                        <a class="userlink hor-reverse" href="/" data-userid="50d63d62-5342-4473-b942-753ebed4367a">Dmitri Frolov</a>
                        <span class="sep">,&nbsp;</span>
                        <a class="userlink hor-reverse" href="/" data-userid="50d63d62-5342-4473-b942-753ebed4367a">Dmitri Frolov</a>
                        <span class="sep">,&nbsp;</span>
                        <a class="userlink hor-reverse" href="/" data-userid="50d63d62-5342-4473-b942-753ebed4367a">Dmitri Frolov</a>
                      </span>
                    </span>
                  </li>
                  <li class="info-item date"><span class="inner-text">16. january 2011 - 12:45</span></li>
                  <li class="info-item documents"><span class="inner-text">5345 Mb used / 2345 files</span></li>
                </ul>
                <div class="progress">
                  <div class="progress-bar"><div class="value"></div></div>
                  <div class="progress-value">14 projects / 15 left</div>
                </div>
              </div>
            </div>
          </div>
          <div class="left-column">
            <div class="user-block gray help">
              <button class="ui-btn ui-btn-clear close-user-block"></button>
              <div class="content">
                <div class="content-title">Welcome to Teamcamp!</div>
                <div class="message">
                  <span class="inner-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.</span>
                </div>
                <a class="btn-need-help" href="/">Need help?</a>
              </div>
            </div>
            <div class="user-block dashboard">
              <div class="title">Dashboard</div>
              <div class="content">
                <ul class="timeline timeline-dashboard proj-events">
                  <li class="timeline-item milestone yellow">
                    <a class="item-link" href="/">milestone</a>
                    <span class="item-content">
                      <a class="username" href="/">Lisa</a>
                      <span>&nbsp;</span>
                      <span class="action">add new</span>
                      <span>&nbsp;</span>
                      <span class="item-type">milestone</span>
                      <span class="action-template">
                        <span>&nbsp;</span>
                        <a class="item-title" href="/">'Company homepage'</a>
                      </span>
                      <span>.</span>
                    </span>
                    <span class="item-timestamp">1 minute ago</span>
                  </li>
                  <li class="timeline-item task blue">
                    <a class="item-link" href="/">task</a>
                    <span class="item-content">
                      <a class="username" href="/">Lisa</a>
                      <span>&nbsp;</span>
                      <span class="action">add new</span>
                      <span>&nbsp;</span>
                      <span class="item-type">task</span>
                      <span class="action-template">
                        <span>&nbsp;to&nbsp;</span>
                        <a class="parent-title" href="/">'Company project'</a>
                        <span>&nbsp;called&nbsp;</span>
                        <a class="item-title" href="/">'Upgrade'</a>
                      </span>
                      <span>.</span>
                    </span>
                    <span class="item-timestamp">1 minute ago</span>
                  </li>
                  <li class="timeline-item task blue">
                    <a class="item-link" href="/">task</a>
                    <span class="item-content">
                      <a class="username" href="/">Lisa</a>
                      <span>&nbsp;</span>
                      <span class="action">add new</span>
                      <span>&nbsp;</span>
                      <span class="item-type">task</span>
                      <span class="action-template">
                        <span>&nbsp;to&nbsp;</span>
                        <a class="parent-title" href="/">'Company project'</a>
                        <span>&nbsp;called&nbsp;</span>
                        <a class="item-title" href="/">'Change'</a>
                      </span>
                      <span>.</span>
                    </span>
                    <span class="item-timestamp">1 minute ago</span>
                  </li>
                  <li class="timeline-item document gray">
                    <a class="item-link" href="/">document</a>
                    <span class="item-content">
                      <a class="username" href="/">Lisa</a>
                      <span>&nbsp;</span>
                      <span class="action">add new</span>
                      <span>&nbsp;</span>
                      <span class="item-type">document</span>
                      <span class="action-template">
                        <span>&nbsp;called&nbsp;</span>
                        <a class="item-title" href="/">'Company Project'</a>
                      </span>
                      <span>.</span>
                    </span>
                    <span class="item-timestamp">1 minute ago</span>
                  </li>
                  <li class="timeline-item conversation green">
                    <a class="item-link" href="/">conversation</a>
                    <span class="item-content">
                      <a class="username" href="/">John</a>
                      <span>&nbsp;</span>
                      <span class="action">add new</span>
                      <span>&nbsp;</span>
                      <span class="item-type">comment</span>
                      <span class="action-template">
                        <span>&nbsp;in&nbup;conversation&nbsp;</span>
                        <a class="item-title" href="/">'News'</a>
                      </span>
                      <span>.</span>
                    </span>
                    <span class="item-timestamp">1 minute ago</span>
                  </li>
                  <li class="timeline-item milestone yellow">
                    <a class="item-link" href="/">milestone</a>
                    <span class="item-content">
                      <a class="username" href="/">Lisa</a>
                      <span>&nbsp;</span>
                      <span class="action">add new</span>
                      <span>&nbsp;</span>
                      <span class="item-type">milestone</span>
                      <span class="action-template">
                        <span>&nbsp;</span>
                        <a class="item-title" href="/">'Company homepage'</a>
                      </span>
                      <span>.</span>
                    </span>
                    <span class="item-timestamp">1 minutes ago</span>
                  </li>
                  <li class="timeline-item milestone yellow">
                    <a class="item-link" href="/">milestone</a>
                    <span class="item-content">
                      <a class="username" href="/">Lisa</a>
                      <span>&nbsp;</span>
                      <span class="action">add new</span>
                      <span>&nbsp;</span>
                      <span class="item-type">milestone</span>
                      <span class="action-template">
                        <span>&nbsp;</span>
                        <a class="item-title" href="/">'Company homepage'</a>
                      </span>
                      <span>.</span>
                    </span>
                    <span class="item-timestamp">1 minutes ago</span>
                  </li>
                  <li class="timeline-item task blue">
                    <a class="item-link" href="/">task</a>
                    <span class="item-content">
                      <a class="username" href="/">Lisa</a>
                      <span>&nbsp;</span>
                      <span class="action">add new</span>
                      <span>&nbsp;</span>
                      <span class="item-type">task</span>
                      <span class="action-template">
                        <span>&nbsp;to&nbsp;</span>
                        <a class="parent-title" href="/">'Company project'</a>
                        <span>&nbsp;called&nbsp;</span>
                        <a class="item-title" href="/">'Change'</a>
                      </span>
                      <span>.</span>
                    </span>
                    <span class="item-timestamp">1 minute ago</span>
                  </li>
                  <li class="timeline-item ticket red red-item">
                    <a class="item-link" href="/">ticket</a>
                    <span class="item-content">
                      <a class="username" href="/">Fred</a>
                      <span>&nbsp;</span>
                      <span class="action">add new</span>
                      <span>&nbsp;</span>
                      <span class="item-type">ticket</span>
                      <span class="action-template">
                        <span>&nbsp;to&nbsp;</span>
                        <span class="item-type">'Company project'</span>
                        <span>&nbsp;called&nbsp;</span>
                        <a class="item-title" href="/">'Repair now'</a>
                      </span>
                      <span>.</span>
                    </span>
                    <span class="item-timestamp">1 minute ago</span>
                  </li>
                  <li class="timeline-item conversation green">
                    <a class="item-link" href="/">conversation</a>
                    <span class="item-content">
                      <a class="username" href="/">John</a>
                      <span>&nbsp;</span>
                      <span class="action">add new</span>
                      <span>&nbsp;</span>
                      <span class="item-type">comment</span>
                      <span class="action-template">
                        <span>&nbsp;in&nbsp;conversation&nbsp;</span>
                        <a class="item-title" href="/">'News'</a>
                      </span>
                      <span>.</span>
                    </span>
                    <span class="item-timestamp">1 minute ago</span>
                  </li>
                  <li class="timeline-item conversation green">
                    <a class="item-link" href="/">conversation</a>
                    <span class="item-content">
                      <a class="username" href="/">John</a>
                      <span>&nbsp;</span>
                      <span class="action">add new</span>
                      <span>&nbsp;</span>
                      <span class="item-type">comment</span>
                      <span class="action-template">
                        <span>&nbsp;in&nbsp;conversation&nbsp;</span>
                        <a class="item-title" href="/">'News'</a>
                      </span>
                      <span>.</span>
                    </span>
                    <span class="item-timestamp">1 minute ago</span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="../js/jquery.min.js" type="text/javascript"></script>
  <script src="../js/jquery.tmplugins.js" type="text/javascript"></script>
  <script src="../js/common.js" type="text/javascript"></script>
  <script src="../js/api.service.js" type="text/javascript"></script>
  <script src="../js/api.projects.js" type="text/javascript"></script>
  <script src="../js/teamlab.js" type="text/javascript"></script>
  <script src="../js/default.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
      //TODO:
    })(jQuery);
  </script>
</body>
</html>